<!DOCTYPE html>
<html>
<head>
	<!-- Google Tag Manager -->
	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-W8KNPT4');</script>
	<!-- End Google Tag Manager -->
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width,inital-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<meta name="format-detection" content="telephone=no">
    <title>博猫体育</title>
    <link rel="stylesheet" href="css/app.min.css?ver=1.0.000">
    <link rel="stylesheet" href="css/iconfont.css?ver=1.0.000">
    <script src="js/template7.min.js"></script>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
    <script src="js/templateHelper.js"></script>
    <script src="js/pageLib.js"></script>
    <script src="js/clipboard.min.js"></script>
</head>
<body>
<div class="header">
	<div class="nav">
		<div class="title">充值</div>
		<a href="javascript:history.back(-1);" class="left-btn"><i class="iconfont icon-xitongfanhui icon-middle"></i></a>
		<!-- <div class="right-btn login-bar">登录 / 注册</div>
		<div class="right-btn user-info-bar" style="display:none;">
			<div class="login flexer">
				<div class="balance">
					<div>余额</div>
					<div>￥888.88</div>
				</div>
				<div class="deposit"><a href="deposit.html">充值</a></div>
			</div>
		</div> -->
	</div>
</div>
<div class="table-content" style="padding-top:45px;padding-bottom:120px;">
	
	<ul class="form-list">
		<li class="form-row">
			<label>订单状态</label>
			<input name="status" type="text" value="待付款" readonly>
		</li>
		<li class="form-row">
			<label>订单号</label>
			<input name="orderno" type="text" value="DEPOSIT5002019021023211234" readonly>
		</li>
		<li class="form-row">
			<label>充值金额</label>
			<input name="amount" type="text" value="￥500.00" readonly>
		</li>
		<li class="form-row">
			<label>充值方式</label>
			<input name="method" type="text" value="支付宝" readonly>
		</li>
	</ul>

	<ul class="form-list">
		<li class="form-row">
			<div class="content">温馨提示：</div>
		</li>
		<li class="form-row">
			<div class="content" style="font-size:13px;color:#666;">如充值遇到异常或充值失败请及时联系平台微信客服，我们将进行人工处理。<br>
			客服微信：keantim3 <a href="javascript:;" class="copy-btn" data-clipboard-text="keantim3">复制</a></div>
		</li>
	</ul>
</div>

</body>
<script type="text/javascript">
$(document).ready(function(){
	pageLib.initAffiliate();
	var amount=pageLib.getQueryArgs(window.location.href).amount;
	var method=pageLib.getQueryArgs(window.location.href).method;
	// 实例化复制按钮
	var clipboard=new ClipboardJS('.copy-btn');
	clipboard.on('success', function(e) {
		var target=$(e.trigger);
		target.text('已复制');
		setTimeout(function(){target.text('复制');},1000);
		e.clearSelection();
	});
	$('input[name=amount]').val('￥'+amount);
	var methodName='';
	switch(method){
		case 'alipay':
			methodName='支付宝';
			break;
		case 'wechat':
			methodName='微信支付';
			break;
		case 'ethereum':
			methodName='以太坊ETH';
			break;
		default:
			pageLib.alert('非法参数');
	}
	$('input[name=method]').val(methodName);
	$('input[name=orderno]').val('DP'+parseInt(amount)+(new FootballDate()).format('yyyyMMddhhmmss')+parseInt(Math.random()*10000));
	pageLib.alert('即将打开支付宝，如支付过程中遇到问题，请联系客服');
});
</script>
</html>